<template>
	<view class="viewbox auto">
		<view class="list" @click="$toCourses(pageData.goods_id)" >
			<image :src="$imgUrls(pageData.img)" mode="aspectFill" class="list_top_img"></image>
			<view class="row f-column padding20-24">
				<view class="row a-center">
					<text class="flex-1 size26 color_33 bold ellipsis">{{pageData.name}}</text>
				</view>
				<view class="rows ellipsis_2 color_66 h6  m-top10">{{pageData.info}}</view>
				
				<view class="row j-sb a-center m-top10">
					<text class="color_66 h7" v-if="pageData.chapter_num">共{{pageData.chapter_num}}章节</text>
				
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'biList',
		props:['pageData'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.list{
		width:100%;
		background-color: #ffffff;
		box-shadow: 0 10rpx 20rpx #e6e6e6;
		border-radius: 10rpx;
		overflow: hidden;
		margin-bottom: 30rpx;
	}
	.list_top_img{
		width:100%;
		height: 200rpx;
	}
	.tip{
		border-radius: 8rpx;
		padding:2rpx 4rpx;
		margin-right: 10rpx;
	}
	.tip_txt{
		color:#ffffff;
		font-size:20rpx;
		zoom:0.9;
	}
	.biStudy{
		background-color: #FFB346;
	}
	.xuanStudy{
		background-color: #43A0FF;
	}
	.progor{
		width: 110rpx;
		height: 10rpx;
		background: #E4E4E4;
		border-radius: 6rpx;
		position: relative;
		overflow: hidden;
	}
	.schPro{
		height: 100%;
		background-color: #FF5255;
		position: absolute;
		top:0;
		left:0;
	}
	.color_A5{
		color:#A51F25
	}
</style>
